* {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-header {
  background-color: #006699;
}
.my-header h1 {
  color: #fff;
}
.my-header a {
  color: #fff;
}
.mui-slider-loop {
  margin-top: 44px;
}
.links {
  width: 100%;
  padding: 10px;
  background-color: #fff;
}
.links ul li {
  width: 33.3%;
  float: left;
}
.links ul li a img {
  width: 100%;
  vertical-align: top;
}
.brand {
  width: 100%;
  padding: 10px;
  background-color: #fff;
}
.brand > img {
  width: 100%;
  display: block;
}
.brand ul {
  width: 100%;
}
.brand ul li {
  width: 25%;
  float: left;
}
.brand ul li img {
  width: 100%;
}
.sports {
  width: 100%;
  padding: 10px;
  background-color: #fff;
}
.sports > img {
  width: 100%;
}
.sports ul {
  margin-top: 5px;
}
.sports ul li {
  width: 50%;
  float: left;
  padding: 5px;
  text-align: center;
}
.sports ul li a {
  padding: 0 5px;
  display: block;
  box-shadow: 0 0 2px #ccc;
}
.sports ul li a img {
  width: 100%;
}
.sports ul li a > span {
  font-size: 14px;
  color: #666;
  padding: 0 5px;
}
.sports ul li a p {
  padding: 0 10px;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0;
}
.sports ul li a p span:first-of-type {
  font-size: 14px;
  color: #e92332;
}
.sports ul li a p span:last-of-type {
  font-size: 14px;
  text-decoration: line-through;
  color: #666;
}
.sports ul li a > button {
  padding: 5px 10px;
  margin: 0 auto;
  background-color: #006699;
  margin-bottom: 10px;
  color: #fff;
}
.finish {
  margin-bottom: 40px;
}
.my-nav {
  background-color: #006699;
}
.my-nav .mui-tab-item {
  color: #fff;
}
